@charset "gb2312";
/* CSS Document */
html{font-size:14px; /* 10¡Â16=62.5% */ width: 100%; overflow-x: hidden;} 
body{font-size:14px;width: 100%; float: left;/* 12¡Â10=1.2 */} 
/****************************************************************************************/
*{ padding:0;  margin:0;}
body {color: #333;padding: 0px !important;margin: 0px !important;font-family: "΢ÈíÑźÚ",Microsoft YaHei,Arial,Century; }
a,a:hover,a:focus {text-decoration: none;outline: none;}
::selection {background: #ff9000;color: #fff;}
::-moz-selection {background: #ff9000;color: #fff;}
h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0; font-weight:normal;}
li{ list-style-type: none;}
img{ border:none;}
.clear{ clear:both; height:0px;}
.fl{ float:left;}
.fr{ float:right;}
/**********************************************/
.callbacks_tabs.callbacks1_tabs{margin-top: -20px;position: relative;z-index: 100;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative; background: #015696;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}
/* Callback example */
.callbacks_container{margin-bottom:2px;position:relative;width:100%;max-width:100%;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url(themes.gif) no-repeat left top;margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}
/********************************************/
.lg{ border-top: 4px solid #015696; width: 100%; height: 140px; background: url(./lgbg.jpg) center no-repeat;}
.lg-in{ width: 1200px; margin: 0 auto; position: relative;}
/********************************************/
.nav{ width: 100%; height: 50px; background: #015696;}
.nav-in{ width: 1200px; margin: 0 auto; margin: 0 auto; height: 50px; background: url(./navbg.png) center no-repeat;}
.nav-in ul{}
.nav-in ul li{ width: 150px; text-align: center; line-height: 50px; color: #fff; font-size: 15px; float: left;;}
.nav-in ul li:hover{ color: #ff0;}
/******************/
.cp{ width:100%; padding:50px 0px;height:760px; background: url(./DD.jpg) repeat;}
.cp-in{ width:1200px; height:760px; margin:0 auto; position:relative}
.cp-bt{ width:1200px; float:left; position:relative}
.cp-bt span#dz{ float:left; width:100%; font-size:26px; color:#333; font-weight:bold; letter-spacing:1px; }
.cp-bt span#dz em{font-size: 14px;font-family: 'Arial';text-transform: uppercase;white-space: nowrap; font-weight: normal; color: #015696;}
.cp-bt .cp-fl{ position:absolute; right:0px; top:-4px;}
.cp-bt .cp-fl {}
.cp-bt .cp-fl ul li{ float:left; text-align:right; font-size:15px; color:#333; border:1px solid #015696;  padding: 10px 40px; margin-left: 30px;;}
.cp-bt .cp-fl ul li:hover{ color:#fff; background: #015696;}
.cp-zs{ width:100%; float:left; margin-top:40px;}
.cp-zs ul{ width:105%}
.cp-zs ul li{ float:left; background:#fff; width:275px; margin-right:30px; margin-bottom:30px; border: 1px solid #dedede;}
.cp-zs ul li .li-cp{ width:275px; height:275px; float:left; background:#fff; float:left;}
.cp-zs ul li .li-cp img{ width:275px; height:275px; display:block;}
.cp-zs ul li .li-mc{ width:100%; float:left; text-indent:1.5rem; font-size:18px; color:#fff; letter-spacing:1px; height:50px; line-height:50px; background:#015696}
.cp-zs ul li:hover .li-mc{ background:#01327e; color:#fff}
/******************/
.case{ width:100%; height:540px; padding:50px 0px;background:#fff}
.case-in{ width:1200px; height:540px; margin:0 auto; position:relative}
.case-bt span#dz{ float:left; width:100%; font-size:26px; color:#333; font-weight:bold; letter-spacing:1px; }
.case-bt span#dz em{font-size: 14px;font-family: 'Arial';text-transform: uppercase;white-space: nowrap; font-weight: normal; color: #015696;}
.case-bt span#mo{border:1px solid #015696; position:absolute; padding:10px 40px; text-align:center; font-weight:bold; right:0px; top:0px; border-radius:30px; font-size:12px; color:#333; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }
.case-bt span#mo:hover{ color:#fff; background:#01327e}
.case-in .case-nr{ width:100%; float:left; margin-top:40px; overflow:hidden}
.case-in .case-nr ul{ width:105%}
.case-in .case-nr ul li{float: left; border: 1px solid #ededed; margin-right: 15px; margin-bottom: 15px; width: 287px; overflow: hidden;}
.case-in .case-nr ul li .cs-tp{width: 287px; overflow: hidden;  position: relative; background:#000}
.case-in .case-nr ul li .cs-tp img{width: 290px;  display: block; margin: auto;}
.case-in .case-nr ul li .cs-wz{ width:100%; height:50px; line-height:50px; text-align:center; float:left; background:#ebebeb; color:#000; font-size:16px;}
.case-in .case-nr ul li:hover .cs-wz{background:#01327e; color:#fff;}
/******************/
.abt{ width:100%; height:780px; padding:50px 0px; background:#fff url(abtbg.jpg)top center no-repeat}
.abt-in{ width:1200px; height:780px; margin:0 auto; position:relative}
.abt-in .abt-bt{ width: 100%; float: left;color:#015696; font-size: 32px; font-weight: bold;}
.abt-in .abt-xt{ width: 100%; height: 1px;  float: left; padding: 10px 0px;}
.abt-in .abt-xt span{ display:block; background: #f00; width: 60px; height: 1px;}
.abt-in .abt-xz{ width: 100%; font-size: 16px; color:#333; float: left;}
.abt-in .abt-mo{border:1px solid #015696; position:absolute; padding:10px 40px; text-align:center; font-weight:bold; right:0px; top:8px; border-radius:30px; font-size:12px; color:#333; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px;}
.abt-in .abt-mo:hover{ background: #015696; color: #fff;}
.abt-in .abt-nr{ width:100%; float:left; margin-top:20px;}
.abt-in .abt-nr p{ line-height:2; font-size:16px; color:#000000; text-indent:2em;}
.cf{ width: 1140px; background: #fff; float: left; height:340px; margin-top: 50px; padding:30px;}
.cf-bt{ float: left; width: 100%; text-align: center; color: #5a5a5a; letter-spacing: 2px; font-size: 22px; font-weight: bold; text-transform: uppercase;}
.cf-nr{ width: 100%; float: left; overflow: hidden; width: 1140px; margin-top: 30px;;}
.cf-nr ul{ width: 102%;}
.cf-nr ul li{ float: left; margin-right: 30px; width: 360px; overflow: hidden; position: relative; height: 270px; background: #f4f4f4;}
.cf-nr ul li img{ position: absolute; display: block; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; max-width: 360px; max-height: 270px;;}
/***********************************************/
.gd{ width: 100%; height: 215px; background: url(./gd.jpg) center no-repeat;}
.gd-in{ width: 1200px; margin: 0 auto; position: relative; height: 215px;;;}
.gd-in .gd-lt{ width: 860px; float: left; padding-top: 40px; letter-spacing: 1px;}
.gd-in .gd-lt span#dz{ display: block; width: 100%; font-size: 36px; color: #fff; float: left; width: 100%; line-height: 2;}
.gd-in .gd-lt span#xz{ display: block; width: 100%; font-size: 24px; color: #fff; float: left; width: 100%; line-height: 2;}
.gd-in .gd-lt span#xz p{ display: inline-block; color: #f0592d;}
.gd-in .gd-rt{ width: 195px; float: right; text-align: right; margin-top: 35px;;}
.gd-in .gd-rt span#wz{ display: block; float: right; color: #fff; font-size: 15px; letter-spacing: 1px;;}
.gd-in .gd-rt span#sj{ display: block; float: right; color: #fff; font-size: 30px;padding: 15px 0 20px 0;text-shadow: 0 0 1px #000; letter-spacing: 1px;;}
.gd-in .gd-rt span#mo{ display: block; float: right; color: #fff; font-size: 15px; letter-spacing: 1px;background: #c01f31; width: 100px; line-height: 40px; height: 40px;; text-align: center;;}
.gd-in .gd-rt span#mo:hover{ background: #f0592d;}
/************************************************/
.xw{ width:100%; padding:50px 0px; background:#ebedef ; height:445px;}
.xw-in{ width:1200px; margin:0 auto; position:relative; height:445px;}
.xw-bt{ width:1200px; float:left; position:relative}
.xw-bt span#dz{ float:left; width:100%; font-size:26px; color:#333; font-weight:bold; letter-spacing:1px; }
.xw-bt span#dz em{font-size: 14px;font-family: 'Arial';text-transform: uppercase;white-space: nowrap; font-weight: normal; color: #015696;}
.xw-bt span#mo{ border:1px solid #015696; position:absolute; padding:10px 40px; text-align:center; font-weight:bold; right:0px; top:0px; border-radius:30px; font-size:12px; color:#333; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }
.xw-bt span#mo:hover{ color:#fff; background:#015696}
.xw-tp{ width:430px; float:left; height:370px; background:#000; margin-top:40px;}
.xw-nr{ width:640px; float:right; height:280px; background:#fff; margin-top:40px; padding:45px;}
.xw-nr ul {}
.xw-nr ul li{width: 100%;height: 46px;border-bottom: 1px solid #f2f4f5; line-height: 46px; font-size:15px; color:#333; background:url(lb.png) left center no-repeat}
.xw-nr ul li span#bt{ display:block; float:left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:520px; text-indent:2rem}
.xw-nr ul li span#sj{ display:block; float:right; color:#999; font-size:14px}
.xw-nr ul li:hover{border-bottom:1px solid #015696;background:url(lbh.png) left center no-repeat}
.xw-nr ul li:hover span#bt{ color:#015696; }



/*************************************************/
.fot{ width: 100%; background:url(./fotbg.jpg) center no-repeat; height:300px; padding-top: 45px;;}
.fot-in{ width: 1200px; margin: 0 auto; position: relative;}
.fot-in .fot-lx{ float: left; width:500px;;}
.fot-in .fot-lx span#dz{ font-size: 16px; color: #fff; letter-spacing: 1px; line-height: 1.8; display: block; float: left; width: 100%; margin-bottom: 20px;;}
.fot-in .fot-lx span#dz b{ font-weight: bold; font-size: 30px;;}
.fot-in .fot-lx span#xz{ font-size: 15px; display: block; float: left; width: 100%; color: #cfcfcf; line-height: 30px; height: 30px; letter-spacing: 1px; margin-top: 10px;;}
.fot-in .fot-lx span#xz strong{ color: #fff;}
.fot-in .fot-lx span#xz img{ display: block; float: left;}
.fot-in .fot-fl{ float: left; margin-top: 15px; margin-left: 90px;;}
.fot-in .fot-fl span{ display:block; letter-spacing: 1px;}
.fot-in .fot-fl span#yd{ font-weight:bold; font-size: 20px; color: #fff; letter-spacing: 1px; padding-bottom: 10px;}
.fot-in .fot-fl span#xl{ color: #fff; font-size: 15px; color: #cfcfcf; line-height: 2;}
.fot-in .fot-fl span#xl:hover{ color: #ff0; font-weight:bold;}

.fot-in .fot-bq{ width: 100%; float: left; text-align: center; color: #cfcfcf; font-size: 15px;  margin-top: 30px; border-top: 1px solid #b3d4fc; height: 70px; line-height: 70px;;}